<template>
  <div class="box">
    <calendar  :setDialogVisible="setDialogVisible"/>
    <el-dialog :visible.sync="dialogVisible">
      <todoToday  :setDialogVisible="setDialogVisible" />
    </el-dialog>
  </div>
</template>

<script>
import calendar from "./ui/calendar.vue";
import todoToday from "./ui/todoToday.vue";

export default {
  components: {
    todoToday,
    calendar,
  },
  data() {
    
    return {
      dialogVisible: false,
    };
  },

  methods: {

    setDialogVisible(show) {
      this.dialogVisible = show;
    },
  },
};
</script>

<style scoped>
.is-selected {
  color: #1989fa;
}
</style>